<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>关于我们 | 陈一非的博客</title>
    <link rel="stylesheet" href="css/main.css">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/about.css">
</head>

<body>
    <div id="nav-placeholder"></div>


    <section class="hero-section">
        <div class="hero-text">
            <h2 style="color: #ffffff;">cyf的小窝</h2>
            <p>一个人几乎可以在任何他怀有无限热忱的事情上成功。</p>
        </div>
        <button id="scroll-down" class="scroll-down-arrow">
            <svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 5V19M12 19L19 12M12 19L5 12" stroke="white" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round" />
            </svg>
        </button>
    </section>

    <main class="container">
        <div class="content-container" style="display: flex; gap: 20px; padding: 20px;">
            <div id="sidebar-placeholder"></div>
            <div class="main-content"
                style="background-color: rgba(255, 255, 255, 0.8); border-radius: 12px; padding: 25px;">
                <div class="about-container">
                    <section class="about-section">
                        <h2 class="section-title">关于我</h2>
                        <div class="about-content">
                            <p>一名学生🧑‍🎓 & ACMer🖥️。</p>
                            <p>题解都是原创的，主要以 atcoder beginner contest 为主，有部分的是生活记录。</p>
                            <p>由于作者的语文比较烂，文笔不会好到哪去。</p>
                        </div>
                    </section>

                    <section class="hobbies-section">
                        <h2 class="section-title">爱好🔭</h2>
                        <ul class="hobbies-list">
                            <li>喜欢捣鼓 web 开发，博客，服务器。</li>
                            <li>喜爱打游戏</li>
                            <li>喜欢和朋友玩飞盘。</li>
                            <li>时不时会拍一些照片。</li>
                        </ul>
                    </section>

                    <section class="contact-section">
                        <h2 class="section-title">联系方式</h2>
                        <p>邮箱📪：3261547169@qq.com</p>
                    </section>
                </div>
            </div>
            <div id="right-sidebar-placeholder"></div>
        </div>
    </main>

    <div id="footer-placeholder"></div>

    <script src="js/jquery-3.7.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/main.js"></script>
    <script>
        $('#nav-placeholder').load('nav.html');
        $('#footer-placeholder').load('footer.html');
        $('#right-sidebar-placeholder').load('right-sidebar.html');
    </script>
</body>

</html>